草庐IT

html - 影响 div :hover with another div

全部标签

javascript - 如何连接可拖动的div

我有一些我克隆的div,可以拖放到一个区域中,现在,我想用线连接div,如果我移动div,这些线也必须移动。类似于流程图,我使用拖放克隆了div,但仍然不知道如何执行此行。谢谢! 最佳答案 您可以使用jsplumb库来实现此目的。如果你有两个div,div1和div2,varendpointOptions={isSource:true,isTarget:true};vardiv1Endpoint=jsPlumb.addEndpoint('div1',{anchor:"TopCenter"},endpointOptions);vard

javascript - 在 JavaScript 或 jQuery 中动态设置 div id

如何动态设置divid?这是我的代码:现在我想在JavaScript中将q4divid设置为q1。我怎样才能在JavaScript或jQuery中做到这一点?我试过了。document.getElementById("q4").id="q1";document.getElementById("q2").id="q5";但它表示该对象为null或未定义。谢谢。查克里。 最佳答案 使用jquery:一个一个动态设置:varidCount=1;$('div').each(function(){$(this).attr('id','q'+i

javascript - 使用 html2canvas 将 highcharts 图表呈现为 pdf 在 IE 和 Firefox 上不起作用

我们正在使用html2canvas.js和html2canvas.svg.js(版本0.5.0beta1)和highcharts.js将圆环图下载为pdf。这在Chrome中按预期工作,但在IE和Firefox中不起作用。在IE中图表呈现不正确,而在Firefox中根本不呈现。下面是在Chrome、IE和Firefox中下载的截图ChromeIE(边缘)火狐我用来做html2canvas的代码如下:html2canvas($("#container"),{onrendered:function(canvas){varimgData=canvas.toDataURL('image/png

javascript - React - 如何在 JSON 中返回 HTML 元素

我有一个JSON文件,其中包含字符串中的HTML元素-是否可以将React/JSX中的数据作为有效呈现的HTML返回?varHello=React.createClass({render:function(){varexampleJSONData={"item":"Hello","text":"Loremipsumdolorsitamet"}return{data.item}{data.text};}});返回:HelloLoremipsumdolorsitamet而不是:HelloLoremipsumdolorsitametfiddle 最佳答案

javascript - 带有来自变量的 HTML 标记的 JSX

我有一个在JSX中定义的React组件,它使用td或th返回一个单元格,例如:if(myType==='header'){return(somecontent);}return(somecontent);是否有可能以从变量中获取HTML标记的方式编写JSX?喜欢:letmyTag=myType==="header"?'th':'td';return(somecontent);以上代码返回错误:"unexpectedtoken"pointingat{.我正在使用带有Babel插件的Webpack来编译JSX。 最佳答案 尝试像这样设置

仅限 Javascript - 对一堆 DIV 进行排序

这个问题在这里已经有了答案:关闭11年前。PossibleDuplicate:EasiestwaytosortDOMnodes?我有一个DIV列表,如下所示:43512我想对它们进行排序,只使用Javascript(没有Jquery)得到这样的结果:12345如果需要,我可以使用DIVid的末尾:“categorie5.1-4”(服务器端我可以定义DIVid以嵌入所需的顺序)非常感谢您的帮助!完整代码如下:functionsortdiv(){varcontainer=document.getElementById("list");varelements=container.childN

javascript - HTML5 拖放 ondragover 未在 Chrome 中触发

我这里有一个简单的例子,它对我来说在Chrome11中没有触发http://jsfiddle.net/G9mJw/它包含一个非常简单的代码:vardropzone=document.getElementById('dropzone'),draggable=document.getElementById('draggable');functiononDragOver(event){varcounter=document.getElementById('counter');counter.innerText=parseInt(counter.innerText,10)+1;}dropzon

javascript - 如何将溢出的 div 滚动到某个主题标签( anchor )?

在我的网页上,我有一个溢出的div(即带有垂直滚动条)。在div中,我有带id的anchor。当我将这些ID之一放入URL(mypage.html#id)时,我希望div而不是页面滚动到该anchor。我该怎么做,最好使用纯JavaScript?如果它太复杂,我会使用jQuery,但我不会在这个项目中将它用于其他用途。 最佳答案 $('.overflow').scrollTop($('#anchor').offset().top);没有理由不能将其转换为标准javascript。请注意,如果anchor元素上有边距,滚动将关闭。

javascript - 将 HTML DOM 结构转换为 JSON

我在这上面浪费了很多时间..递归部分很虚幻。对于给定的HTML结构,深度未知,我需要转换为JSON。(我在我正在构建的一些YAMLi18n翻译系统中使用它)我的一般想法是深入直到找到INPUT,然后创建一个具有span.innerHTML/input.value的键/值的对象,并返回对象,因此它将是最后一个KEY的值达到。(是的,有点复杂但是开发起来很有趣)JSBINplayground-实时代码示例我无法让我的递归函数正常工作,无法输出我想要的JSON...HTML结构footerstatementlandingpage_titlepage_sub_titlepricingtitle

javascript - 我如何判断 HTML5 音频元素是否正在使用 Javascript 播放

我在网页中有一个audio元素,我想确保用户在离开页面时不会继续播放它。如何确定页面卸载时audio元素没有播放?到目前为止,我有以下代码,但它似乎不起作用;卸载时弹出的对话框报告说playing是false即使音频正在播放也是如此:functionunloadTasks(){if(playing&&!window.confirm("Apodcastisplaying,andnavigatingawayfromthispagewillstopthat.Areyousureyouwanttogo?"))window.alert("HereiswhereIwillstopthepagefr